<!-- 1、编写一个注册用户信息页面；

需求：

（1）表单中包括：用户名，密码，性别，学历（本科，专科），自我介绍；

（2）输入完用户名后校验只能是"admin"，否则弹框提示错误

（3）点击提交执行后执行事件，把自我介绍的内容弹框提示出来； -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="login">
        <p>账号： <input name="username" type="text" placeholder="请输入账号" onchange="checkUsername()"></p>
        <p>密码： <input name="password" type="password"></p>
        <p>性别：
            <input type="radio" name="sex" checked="checked">男
            <input type="radio" name="sex">女
        </p>
        <p>学历：
            <input type="radio" name="xueli" checked="checked">本科
            <input type="radio" name="xueli">专科
        </p>
        <p>自我介绍：
            <br>
            <textarea name="introduction" id="1" cols="30" rows="10"></textarea>
        </p>
        <p>
            <input type="reset" value="清空">
            
        </p>


    </form>
    <button onclick="submit()">提交</button>
    <script>
        // 输入完用户名后校验只能是"admin"，否则弹框提示错误
        function checkUsername(){
            var username = document.getElementsByName("username")[0].value;
            console.log(username);
            if(username != "admin"){
                alert("username is wrong!");
            }
        }
        // 输入完用户名后校验只能是"admin"，否则弹框提示错误
        function submit(){
            alert(document.getElementById(1).value);
        }
    </script>
</body>

</html>